{extend name="$_theme_public_layout"/}
{block name="style"}

{/block}

{block name="main"}
        <div class="web-content">
            <!--左侧文章主体-->
            <div class="articleDetailPage">
                <div class="articleFeedDetailPageFrame">
                    <div class="articleFeedDetailPageContent">
                        <div class="card-query-preview hidden"></div>
                        <div class="articleCoverArea" style="background-image: url(&quot;http://wspic.iyingdi.cn/common/2018/05/28/1efcdb91-495c-4f36-9e4b-98beabd73d04.jpg?x-oss-process=image/resize,w_800,h_440,m_fill/format,jpg/quality,Q_80&quot;);">
                            <div class="seedTitle hidden"></div>
                            <div class="articleTitleArea">
                                <div>{$info.title}</div>
                                <div class="rightPart">
                                    <span class="articleTotalReplyNum">评论及回复：{:hook('CommAndRep',['pid'=>$info.id])} 条</span>
                                    <span class="articleCreateTime">时间： {$info.create_time|strtotime|friendly_date}</span>
                                </div>
                            </div>
                        </div>
                        <div class="articleFeedDetailPageMainArea">
                            <div class="articleFeedContent-Box">
                                <div class="articleAuthorInfoArea">
                                    <span class="author-name">作者：{$user.nickname}</span>
                                </div>
                                <div class="articleDescriptionArea">
                                    <div id="articleDescriptionContent">{$info.excerpt}</div>
                                </div>
                                <div class="articleTextContentArea article-content">

                                    {$info.content}
                                    <p>本文版权归圈子社区所有，未经本网站与相关作者允许禁止转载。</p>



                                    <div class="article-insertUserFrame">
                                            <div class="article-insertUserContent">
                                                <a target="_blank" href="self.jsp?id=<%=userID %>"
                                                    class="insertUser-headImg"><img
                                                    src="http://static.iyingdi.cn/user/2017/11/17/5db6fdbc-4fe1-415a-8b6f-c95f69b9280c.png"></a>
                                                    <a style="text-decoration:none;"
                                                    target="_blank" href="self.jsp?id=<%=userID %>"
                                                    class="right-part"><div class="header">
                                                        <span class="user-name"> {$user.nickname}</span>
                                                    </div>
                                                    <div class="footer">
                                                        <span class="user-description">
                                                            {$user.description}
                                                        </span>
                                                    </div></a><a style="text-decoration:none;" target="_blank" href="{:url('home/user/personal',['id'=>$user.uid])}"
                                                    class="follow-btn" data-userid="1099388">进入主页</a>
                                            </div>
                                        </div>

                                </div>
                            </div>
                            <div class="articleFeedShare-Box">
                                <div class="article-ifcan-like">
                                    <button id="like_article">
                                        <i></i>
                                        <span class="like-count">
                                            <a href="{:url('Index/focus',['post_id'=>$info->id])}"><span class="like-count-num">{收藏人数}</span>人喜欢</span></a>
                                    </button>
                                </div>
                                <div class="articleFeedShare-content">
                                    <span>分享文章：</span>
                                    <i data-type="weibo" class="weibo"></i>
                                    <i data-type="weixin" class="weixin"></i>
                                    <i data-type="qq" class="qq"></i>
                                    <i data-type="qzone" class="qzone"></i>
                                    <span class="collectionFeed">
                                        <i class="waitCollect"></i>
                                        <span>收藏</span>
                                    </span>
                                </div>
                            </div>
                            <div class="how-to-contribute">
                                <span>&gt;&gt;&gt;</span>
                                <a target="_blank" href="/web/article/search/51685">
                                    <span>如何给圈子社区投稿</span>
                                </a>
                                <span>&lt;&lt;&lt;</span>
                            </div>
                            {:hook('ShowComment',['pid'=>$info.id])}
                        </div>
                    </div>

                    <!--右侧 -->
                    <div class="articleFeedAdv-Box">
                        <div class="articleFeedAdv-right">
                            <a target="_blank" href="/spread/index.html">
                                <img src="http://static.iyingdi.cn/yingdiWeb/images/adv/webDefault/img1.png">
                                <img src="http://static.iyingdi.cn/yingdiWeb/images/adv/webDefault/img2.png" usemap="#clickmap">
                                <img class="decoration-logo" src="http://static.iyingdi.cn/yingdiWeb/images/adv/webDefault/img5.png">
                                <map name="clickmap" id="clickmap">
                                    <area shape="rect" coords="0,0,160,180" href="/spread/index.html" target="_blank" style="outline:none;">
                                    <area shape="rect" coords="323,0,162,180" href="https://weibo.com/iplaymtg?refer_flag=1001030101_" target="_blank" style="outline:none;">
                                </map>
                            </a>
                            <a href="/spread/index.html" class="app-logo">
                                <img src="http://static.iyingdi.cn/yingdiWeb/images/adv/webDefault/img3.png">
                            </a>
                            <a href="https://weibo.com/iplaymtg?refer_flag=1001030101_" class="weibo-logo">
                                <img src="http://static.iyingdi.cn/yingdiWeb/images/adv/webDefault/img4.png">
                            </a>
                        </div>

                        <!--  相关推荐-->
                        <div class="articleFeedRelate-Box right-relateInfo-Item" style="display: block;">
                            <div class="right-relateInfo-Item-content">
                                <div class="right-relateInfo-Item-title">相关推荐</div>
                                <div class="articleFeedRelate-content">
                                    <!-- 循环体-->
                                    <div class="relate-feed-item">
                                        <a data-ajax="" href="/web/article/videogame/53418?seed=4&amp;title=%E3%80%8A%E5%BD%A9%E8%99%B9%E5%85%AD%E5%8F%B7%EF%BC%9A%E5%9B%B4%E6%94%BB%E3%80%8B%E5%A5%87%E7%BE%8E%E6%8B%89%E8%A1%8C%E5%8A%A8PVE%3A%20Outbreak%E6%A8%A1%E5%BC%8F%E4%BB%8B%E7%BB%8D%E5%8F%8A%E6%84%9F%E6%83%B3">
                                            <div class="relate-feed-item-icon">
                                                <img src="http://wspic.iyingdi.cn/common/2018/03/10/555a785b-cfde-4d8d-86e0-0e986602ef6b.jpg" onerror="this.src='https://static.iyingdi.cn/static/images/article/default_loading_icon.png'">
                                            </div>
                                        </a>
                                        <div class="relate-feed-item-title">《彩虹六号：围攻》奇美拉行动PVE: Outbreak模式介绍及感想</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 热门文章-->
                        <div class="right-relateInfo-Item" style="display: block;">
                            <div class="right-relateInfo-Item-content">
                                <div class="right-relateInfo-Item-title">热门文章</div>
                                <ul class="right-related-hotArticleList">
                                    <!-- 循环体-->
                                    <li class="hotItem">
                                        <a data-ajax="" class="left" href="/web/article/videogame/57285?clazz=article&amp;title=%E3%80%8A%E5%BD%A9%E8%99%B9%E5%85%AD%E5%8F%B7%EF%BC%9A%E5%9B%B4%E6%94%BB%E3%80%8B%E7%A6%81%E6%92%AD%EF%BC%8C%E5%8E%9F%E5%9B%A0%E6%9A%82%E6%97%B6%E6%9C%AA%E4%BA%88%E6%98%BE%E7%A4%BA">
                                            <img src="http://wspic.iyingdi.cn/common/2018/05/28/1efcdb91-495c-4f36-9e4b-98beabd73d04.jpg">
                                        </a>
                                        <div class="right">
                                            <a data-ajax="" class="title" href="/web/article/videogame/57285?clazz=article&amp;title=%E3%80%8A%E5%BD%A9%E8%99%B9%E5%85%AD%E5%8F%B7%EF%BC%9A%E5%9B%B4%E6%94%BB%E3%80%8B%E7%A6%81%E6%92%AD%EF%BC%8C%E5%8E%9F%E5%9B%A0%E6%9A%82%E6%97%B6%E6%9C%AA%E4%BA%88%E6%98%BE%E7%A4%BA">《彩虹六号：围攻》禁播，原因暂时未予显示</a>
                                            <div class="footer">
                                                <div class="reply">
                                                    <i class="replyIcon"></i>
                                                    <span class="replyNum">164</span>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>

                        <div class="web-toolBar">
                            <div class="toolBar-innerFrame">
                                <ul class="toolBar-buttonList">
                                    <li data-action="comment" class="comment">
                                        <i class="comment"></i>
                                    </li>
                                    <li data-action="collect" class="collect">
                                        <i class="collect"></i>
                                    </li>
                                    <li data-action="secretLetter" class="secretLetter">
                                        <i class="secretLetter"></i>
                                    </li>
                                    <li data-action="back-top" class="back-top">
                                        <i class="back-top"></i>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="__nightingale_view_cover" style="width: 100%; height: 100%; transition: -webkit-transform 10s ease-in-out; position: fixed !important; left: 0px !important; bottom: 0px !important; overflow: hidden !important; background: rgb(0, 0, 0) !important; pointer-events: none !important; z-index: 2147483647; opacity: 0;">





{/block}

{block name="script"}
{/block}
